<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>恒达汽修有限公司</title>
	<link rel="stylesheet" type="text/css" href="css/meteinfo_ui.css" id="metuimodule" data-module="1" />
	<link rel="stylesheet" type="text/css" href="css/metinfo.css" />
	<script src="js/jQuery1.7.2.js" type="text/javascript"></script>
	<script src="js/metinfo_ui.js" type="text/javascript"></script>
	<script src="js/ch.js" type="text/javascript"></script>
	<style>
		.font1{
			color: rgb(51, 51, 51); font-family: Arial, Verdana, 宋体; line-height: 20px;
		}
	</style>
</head>
<body>
		<div class="m-nav">
			<nav class="inner">
				<ul class="list-none">
					<li id="nav_10001" style='width:123px;'><a href='index.jsp' title='网站首页' class='nav'><span>网站首页</span></a></li>
					<li id='nav_1' style='width:123px;'><a href='about.jsp' title='关于我们' class='hover-none nav'><span>关于我们</span></a></li>
					<li id='nav_2' style='width:123px;'><a href='news.jsp' title='信息中心' class='hover-none nav'><span>信息中心</span></a></li>
					<li id='nav_3' style='width:123px;'><a href='product.jsp' title='恒达汽修产品' class='hover-none nav'><span>恒达汽修产品</span></a></li>
					<li id='nav_4' style='width:122px;'><a href='cases.jsp' title='服务车型' class='hover-none nav'><span>服务车型</span></a></li>
					<li id='nav_34' style='width:122px;'><a href='joinUs.jsp' title='在线招聘' class='hover-none nav'><span>在线招聘</span></a></li>
					<li id='nav_11' style='width:122px;'><a href='booking.jsp' title='在线预约' class='hover-none nav'><span>在线预约</span></a></li>
					<li id='nav_18' style='width:122px;' class='navdown'><a href='contact.jsp' title='联系我们' class='hover-none nav'><span>联系我们</span></a></li>
				</ul>
			</nav>
		</div>

		

		<header>
			<div class="inner top">

				<a href="../" title="汽配公司" id="web_logo">
					<img src="img/1363847903.png" style="width: 210px; height: 55px;" alt="汽配公司" title="汽配公司" style="margin:0px 0px 0px 10px;" />
				</a>

				<div class="top-seo">
					<div class="tpseotxt">
						<p>
							&nbsp;020-5856-1762</p>
					</div>
				</div>
			</div>
		</header>

		<div class="inner met_flash">
			<div class="flash">
				<img src='img/1363850250.jpg' width='980' alt='' height='300'></div>
		</div>

		<div class="sidebar inner">

			<div class="sb_nav">
				<h3 class='title'>联系我们</h3>
				<div class="active b-r" id="sidebar" data-csnow="33" data-class3="0" data-jsok="2">
					<dl class="list-none navnow"><dt id='part2_' class='on'><a  href="contact.jsp"  title='电话地址' ><span>联系我们</span></a></dt></dl>
					<dl class="list-none navnow"><dt id='part2_33'><a href="feedback.jsp"  title='客户留言' class="zm"><span>客户留言</span></a></dt></dl>
					<div class="clear"></div>
				</div>

				<h3 class='title line'>联系方式</h3>
				<div class="active editor b-r">
					<div> 电话：020-5856-1762</div>
					<div> 手机：15521389512</div>
					<div> QQ：913405314</div>
					<div> 联系人：谭先生</div>
					<div> 邮箱：hengdaqixiu@163.com</div>
					<div> 邮编：404100</div>
					<div class="clear"></div>
				</div>

			</div>

			<div class='sb_box b-r'>
				<h3 class="title">
			<div class="position">当前位置：<a href="../" title="网站首页">网站首页</a> &gt; <a href=../contact/ >联系我们</a></div>
			<span>联系我们</span>
		</h3>
				<div class="clear"></div>

				<div class="editor active" id="showtext">
					<div>
						<p>
							&nbsp;</p>
						<p  class="font1">
							<span ><strong style="margin: 0px; padding: 0px; font-size: 18px;"><img  src="img/20130321_153535.jpg" style="width: 348px; height: 209px; float: right;" / alt="图片关键词">恒达汽修有限公司</strong><br />
							地　址：重庆市万州区厦门路602号</span></p>
						<p >
							<span ><span style="margin: 0px; padding: 0px; color: rgb(255, 0, 0);">
							电　话：<strong style="margin: 0px; padding: 0px;">020-5856-1762</strong></span></span>
						</p>
						<p >
							<span >手　机：15521389512</span></p>
						<p >
							&nbsp;</p>
					</div>
					<div class="clear"></div>
				</div>
				<div>
					公司地址：
					<!--百度地图容器-->
					<div style="width:750px;height:400px;border:#ccc solid 1px;" id="dituContent"></div>

				</div>

			</div>
			<div class="clear"></div>
		</div>

		<footer class="inner" >
			<div class="foot-nav">
				<a href="about.jsp" title='关于我们'>关于我们</a><span>
					|</span><a href='feedback.jsp' title='客户留言'>客户留言</a><span>|
						<span><a href='booking.jsp' title='在线预约'>在线预约</a><span>|
						</span><a href='joinUs.jsp' title='人才招聘'>人才招聘</a><span>|
				<a href='contact.jsp' title='网站地图'>联系我们</a>
			</div>
			<div class="foot-text">
				<p>恒达汽修有限公司版权所有     2017-2018    备案号：渝ICP备1300460</p>
				<p>电话：020-5856-1762</p>
			</div>
		</footer>
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
		<script type="text/javascript">
			//创建和初始化地图函数：
			function initMap() {
				createMap(); //创建地图
				setMapEvent(); //设置地图事件
				addMapControl(); //向地图添加控件
				addMarker(); //向地图中添加marker
			}
			//创建地图函数：
			function createMap() {
				var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图
				var point = new BMap.Point(108.412005, 30.767337); //定义一个中心点坐标
				map.centerAndZoom(point, 18); //设定地图的中心点和坐标并将地图显示在地图容器中
				window.map = map; //将map变量存储在全局
			}
			//地图事件设置函数：
			function setMapEvent() {
				map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
				map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
				map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
				map.disableKeyboard(); //禁用键盘上下左右键移动地图，默认禁用(可不写)
			}
			//地图控件添加函数：
			function addMapControl() {
				//向地图中添加缩放控件
				var ctrl_nav = new BMap.NavigationControl({
					anchor: BMAP_ANCHOR_TOP_LEFT,
					type: BMAP_NAVIGATION_CONTROL_SMALL
				});
				map.addControl(ctrl_nav);
				//向地图中添加缩略图控件
				var ctrl_ove = new BMap.OverviewMapControl({
					anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
					isOpen: 1
				});
				map.addControl(ctrl_ove);
				//向地图中添加比例尺控件
				var ctrl_sca = new BMap.ScaleControl({
					anchor: BMAP_ANCHOR_TOP_LEFT
				});
				map.addControl(ctrl_sca);
			}
			//标注点数组
			var markerArr = [{
				title: "重庆恒达汽修",
				content: "重庆市万州区厦门路602号",
				point: "108.411493|30.767577",
				isOpen: 1,
				icon: {
					w: 23,
					h: 25,
					l: 46,
					t: 21,
					x: 9,
					lb: 12
				}
			}];
			//创建marker
			function addMarker() {
				for (var i = 0; i < markerArr.length; i++) {
					var json = markerArr[i];
					var p0 = json.point.split("|")[0];
					var p1 = json.point.split("|")[1];
					var point = new BMap.Point(p0, p1);
					var iconImg = createIcon(json.icon);
					var marker = new BMap.Marker(point, {
						icon: iconImg
					});
					var iw = createInfoWindow(i);
					var label = new BMap.Label(json.title, {
						"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)
					});
					marker.setLabel(label);
					map.addOverlay(marker);
					label.setStyle({
						borderColor: "#808080",
						color: "#333",
						cursor: "pointer"
					});
					(function() {
						var index = i;
						var _iw = createInfoWindow(i);
						var _marker = marker;
						_marker.addEventListener("click", function() {
							this.openInfoWindow(_iw);
						});
						_iw.addEventListener("open", function() {
							_marker.getLabel().hide();
						})
						_iw.addEventListener("close", function() {
							_marker.getLabel().show();
						})
						label.addEventListener("click", function() {
							_marker.openInfoWindow(_iw);
						})
						if (!!json.isOpen) {
							label.hide();
							_marker.openInfoWindow(_iw);
						}
					})()
				}
			}
			//创建InfoWindow
			function createInfoWindow(i) {
				var json = markerArr[i];
				var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
				return iw;
			}
			//创建一个Icon
			function createIcon(json) {
				var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
					imageOffset: new BMap.Size(-json.l, -json.t),
					infoWindowOffset: new BMap.Size(json.lb + 5, 1),
					offset: new BMap.Size(json.x, json.h)
				})
				return icon;
			}
			initMap(); //创建和初始化地图
		</script>
	</body>
</html>